<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>鲁顺德 - java开发工程师</title>
<meta name="description" content="">
<meta name="author" content="">

<!-- Favicons
    ================================================== -->
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon" href="img/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="img/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="img/apple-touch-icon-114x114.png">

<!-- Bootstrap -->
<link rel="stylesheet" type="text/css"  href="css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="fonts/font-awesome/css/font-awesome.css">

<!-- Slider
    ================================================== -->
<link href="css/owl.carousel.css" rel="stylesheet" media="screen">
<link href="css/owl.theme.css" rel="stylesheet" media="screen">

<!-- Stylesheet
    ================================================== -->
<link rel="stylesheet" type="text/css"  href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/prettyPhoto.css">


<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">

<!-- Header -->
<header class="intro">
  <div class="intro-body">
    <div class="container">
      <div class="row">
        <div class="intro-text">
          <h1>Hello, 我是 鲁顺德</h1>
          <p>java开发工程师 & 前段react开发</p>
          <a href="#about" class="btn btn-default btn-lg page-scroll">关 于 我</a> <a href="#portfolio" class="btn btn-default btn-lg page-scroll">我的项目</a></div>
      </div>
    </div>
  </div>
</header>
<!-- Navigation -->
<div id="nav">
  <nav class="navbar navbar-custom">
    <div class="container">
      <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse"> <i class="fa fa-bars"></i> </button>
        <a class="navbar-brand page-scroll" href="#page-top">鲁 顺 德</a> </div>
      
      <!-- Collect the nav links, forms, and other content for toggling -->
      <div class="collapse navbar-collapse navbar-right navbar-main-collapse">
        <ul class="nav navbar-nav">
          <!-- Hidden li included to remove active class from about link when scrolled up past about section -->
          <li class="hidden"> <a href="#page-top"></a> </li>
          <li> <a class="page-scroll" href="#about">概述</a> </li>
          <li> <a class="page-scroll" href="#services">Services</a> </li>
          <li> <a class="page-scroll" href="#portfolio">项目</a> </li>
          <li> <a class="page-scroll" href="#skills">技能</a> </li>
          <li> <a class="page-scroll" href="#resume">经历</a> </li>
          <li> <a class="page-scroll" href="#testimonials">评价</a> </li>
          <li> <a class="page-scroll" href="#contact">联系</a> </li>
        </ul>
      </div>
    </div>
  </nav>
</div>
<!-- About Section -->
<div id="about">
  <div class="container">
    <div class="section-title text-center center">
      <h2>我的概述</h2>
      <hr>
    </div>
    <div class="row">
      <div class="col-md-12 text-center"><img src="img/about.jpg" class="img-responsive"></div>
      <div class="col-md-8 col-md-offset-2">
        <div class="about-text">
          <p>你好，我是鲁顺德，91年的小伙儿，出生于河北涿州，2013年毕业于石家庄学院</p>
          <p>先后在北京和石家庄工作，主要从事java后端开发，现在前端也在开发修改。</p>
          <p class="text-center"><a class="btn btn-primary" href="#"><i class="fa fa-download"></i> 下载简历</a></p>
        </div>
      </div>
    </div>
  </div>
</div>
<!-- Services Section -->
<div id="services" class="text-center">
  <div class="container">
    <div class="section-title center">
      <h2>My Services</h2>
      <hr>
    </div>
    <div class="space"></div>
    <div class="row">
      <div class="col-md-3 col-sm-6 service"> <i class="fa fa-laptop"></i>
        <h4>Web Design</h4>
        <p>Lorem ipsum dolor sit amet placerat facilisis felis mi in tempus eleifend pellentesque natoque etiam.</p>
      </div>
      <div class="col-md-3 col-sm-6 service"> <i class="fa fa-code"></i>
        <h4>Development</h4>
        <p>Lorem ipsum dolor sit amet placerat facilisis felis mi in tempus eleifend pellentesque.</p>
      </div>
      <div class="col-md-3 col-sm-6 service"> <i class="fa fa-rocket"></i>
        <h4>Branding</h4>
        <p>Lorem ipsum dolor sit amet placerat facilisis felis mi in tempus eleifend pellentesque natoque etiam.</p>
      </div>
      <div class="col-md-3 col-sm-6 service"> <i class="fa fa-bullhorn"></i>
        <h4>Marketing</h4>
        <p>Lorem ipsum dolor sit amet placerat facilisis felis mi in tempus eleifend pellentesque natoque.</p>
      </div>
    </div>
  </div>
</div>
<div class="copyrights">Collect from <a href="http://www.cssmoban.com/" >网页模板</a></div>
<!-- Portfolio Section -->
<div id="portfolio">
  <div class="container">
    <div class="section-title text-center center">
      <h2>我的项目</h2>
      <hr>
      <div class="clearfix"></div>
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sed dapibus leo nec ornare diamcommodo nibh ante facilisis.</p>
    </div>
    <div class="categories">
      <ul class="cat">
        <li>
          <ol class="type">
            <li><a href="#" data-filter="*" class="active">All</a></li>
            <li><a href="#" data-filter=".web">Web Design</a></li>
            <li><a href="#" data-filter=".app">App Development</a></li>
            <li><a href="#" data-filter=".branding">Branding</a></li>
          </ol>
        </li>
      </ul>
      <div class="clearfix"></div>
    </div>
    <div class="row">
      <div class="portfolio-items">
        <div class="col-sm-6 col-md-3 col-lg-3 web">
          <div class="portfolio-item">
            <div class="hover-bg"> <a href="img/portfolio/01.jpg" title="Project description" rel="prettyPhoto">
              <div class="hover-text">
                <h4>Project Title</h4>
                <small>Web Design</small>
                <div class="clearfix"></div>
                <i class="fa fa-search"></i> </div>
              <img src="img/portfolio/01.jpg" class="img-responsive" alt="Project Title"> </a> </div>
          </div>
        </div>
        <div class="col-sm-6 col-md-3 col-lg-3 app">
          <div class="portfolio-item">
            <div class="hover-bg"> <a href="img/portfolio/02.jpg" title="Project description" rel="prettyPhoto">
              <div class="hover-text">
                <h4>Project Title</h4>
                <small>App Development</small>
                <div class="clearfix"></div>
                <i class="fa fa-search"></i> </div>
              <img src="img/portfolio/02.jpg" class="img-responsive" alt="Project Title"> </a> </div>
          </div>
        </div>
        <div class="col-sm-6 col-md-3 col-lg-3 web">
          <div class="portfolio-item">
            <div class="hover-bg"> <a href="img/portfolio/03.jpg" title="Project description" rel="prettyPhoto">
              <div class="hover-text">
                <h4>Project Title</h4>
                <small>Web Design</small>
                <div class="clearfix"></div>
                <i class="fa fa-search"></i> </div>
              <img src="img/portfolio/03.jpg" class="img-responsive" alt="Project Title"> </a> </div>
          </div>
        </div>
        <div class="col-sm-6 col-md-3 col-lg-3 web">
          <div class="portfolio-item">
            <div class="hover-bg"> <a href="img/portfolio/04.jpg" title="Project description" rel="prettyPhoto">
              <div class="hover-text">
                <h4>Project Title</h4>
                <small>Web Design</small>
                <div class="clearfix"></div>
                <i class="fa fa-search"></i> </div>
              <img src="img/portfolio/04.jpg" class="img-responsive" alt="Project Title"> </a> </div>
          </div>
        </div>
        <div class="col-sm-6 col-md-3 col-lg-3 app">
          <div class="portfolio-item">
            <div class="hover-bg"> <a href="img/portfolio/05.jpg" title="Project description" rel="prettyPhoto">
              <div class="hover-text">
                <h4>Project Title</h4>
                <small>App Development</small>
                <div class="clearfix"></div>
                <i class="fa fa-search"></i> </div>
              <img src="img/portfolio/05.jpg" class="img-responsive" alt="Project Title"> </a> </div>
          </div>
        </div>
        <div class="col-sm-6 col-md-3 col-lg-3 branding">
          <div class="portfolio-item">
            <div class="hover-bg"> <a href="img/portfolio/06.jpg" title="Project description" rel="prettyPhoto">
              <div class="hover-text">
                <h4>Project Title</h4>
                <small>Branding</small>
                <div class="clearfix"></div>
                <i class="fa fa-search"></i> </div>
              <img src="img/portfolio/06.jpg" class="img-responsive" alt="Project Title"> </a> </div>
          </div>
        </div>
        <div class="col-sm-6 col-md-3 col-lg-3 branding app">
          <div class="portfolio-item">
            <div class="hover-bg"> <a href="img/portfolio/07.jpg" title="Project description" rel="prettyPhoto">
              <div class="hover-text">
                <h4>Project Title</h4>
                <small>App Development, Branding</small>
                <div class="clearfix"></div>
                <i class="fa fa-search"></i> </div>
              <img src="img/portfolio/07.jpg" class="img-responsive" alt="Project Title"> </a> </div>
          </div>
        </div>
        <div class="col-sm-6 col-md-3 col-lg-3 web">
          <div class="portfolio-item">
            <div class="hover-bg"> <a href="img/portfolio/08.jpg" title="Project description" rel="prettyPhoto">
              <div class="hover-text">
                <h4>Project Title</h4>
                <small>Web Design</small>
                <div class="clearfix"></div>
                <i class="fa fa-search"></i> </div>
              <img src="img/portfolio/08.jpg" class="img-responsive" alt="Project Title"> </a> </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<!-- Skills Section -->
<div id="skills" class="text-center">
  <div class="container">
    <div class="section-title center">
      <h2>专业技能</h2>
      <hr>
    </div>
    <div class="row">
      <div class="col-md-4 col-sm-6 skill"> <span class="chart" data-percent="60"> <span class="percent">60</span> </span>
        <h4>HTML|CSS|JS</h4>
      </div>
      <div class="col-md-4 col-sm-6 skill"> <span class="chart" data-percent="65"> <span class="percent">65</span> </span>
        <h4>JQuery|React|Echart</h4>
      </div>
      <div class="col-md-4 col-sm-6 skill"> <span class="chart" data-percent="80"> <span class="percent">80</span> </span>
        <h4>Java Web|Tomcat|MySql</h4>
      </div>
      <div class="col-md-4 col-sm-6 skill"> <span class="chart" data-percent="90"> <span class="percent">90</span> </span>
        <h4>Spring MVC|Spring|MyBatis|Redis</h4>
      </div>
      <div class="col-md-4 col-sm-6 skill"> <span class="chart" data-percent="70"> <span class="percent">70</span> </span>
        <h4>SpringBoot|Orcale|Dubbo</h4>
      </div>
      <div class="col-md-4 col-sm-6 skill"> <span class="chart" data-percent="65"> <span class="percent">65</span> </span>
        <h4>OpenFalcon|Linux</h4>
      </div>
    </div>
  </div>
</div>
<!-- Resume Section -->
<div id="resume" class="text-center">
  <div class="container">
    <div class="section-title center">
      <h2>工作经历</h2>
      <hr>
    </div>
    <div class="row">
      <div class="col-lg-12">
        <ul class="timeline">
          <li>
            <div class="timeline-image">
              <h4>现在 <br>
                - <br>
                2017-06 </h4>
            </div>
            <div class="timeline-panel">
              <div class="timeline-heading">
                <h4>嘉实基金管理有限公司（外包）</h4>
                <h4 class="subheading">java开发工程师（所属汇智翔宇公司）</h4>
              </div>
              <div class="timeline-body">
                <p>嘉实基金交易系统的监控系统（内部项目），spring boot + react ，绝对主力开发。</p>
              </div>
            </div>
          </li>
          <li class="timeline-inverted">
            <div class="timeline-image">
              <h4>2017-06 <br>
                - <br>
                2017-03 </h4>
            </div>
            <div class="timeline-panel">
              <div class="timeline-heading">
                <h4>央广新媒体（外包）</h4>
                <h4 class="subheading">java开发工程师（所属汇智翔宇公司）</h4>
              </div>
              <div class="timeline-body">
                <p>团队合作使用全新框架重写老项目，云采编系统（公司内部系统），前段VUE，工作三个月公司调换岗位。</p>
              </div>
            </div>
          </li>
          <li>
            <div class="timeline-image">
              <h4>2017-02 <br>
                - <br>
                2016-04 </h4>
            </div>
            <div class="timeline-panel">
              <div class="timeline-heading">
                <h4>北京兆鹤科技有限公司</h4>
                <h4 class="subheading">java开发工程师</h4>
              </div>
              <div class="timeline-body">
                <p>独立开发管理系统，技术选型简单jsp+ssm框架，主要完成公司未规划完成的项目，边做边改设计，目前正常在网运行，对外项目。</p>
              </div>
            </div>
          </li>
		   <li class="timeline-inverted">
            <div class="timeline-image">
              <h4>2016-03 <br>
                - <br>
                2014-02 </h4>
            </div>
            <div class="timeline-panel">
              <div class="timeline-heading">
                <h4>石家庄裕古科技有限公司</h4>
                <h4 class="subheading">java开发工程师</h4>
              </div>
              <div class="timeline-body">
                <p>学习和开发并重，多人团队完成多个项目，其中物流管理项目（内部项目）和电子商城项目（对外项目）主力开发。</p>
              </div>
            </div>
          </li>
		  <li>
            <div class="timeline-image">
              <h4>2014-01 <br>
                - <br>
                2013-03 </h4>
            </div>
            <div class="timeline-panel">
              <div class="timeline-heading">
                <h4>中兴精诚通讯有限公司</h4>
                <h4 class="subheading">系统维护，非编程</h4>
              </div>
              <div class="timeline-body">
                <p>主要是移动集团维护IMS系统，系统出现的问题和备份以及用户反馈问题。</p>
              </div>
            </div>
          </li>
        </ul>
      </div>
    </div>
  </div>
  <div class="container">
    <div class="section-title center">
      <h2>教育经历</h2>
      <hr>
    </div>
    <div class="row">
      <div class="col-lg-12">
        <ul class="timeline">
          
          <!-- Education Section-->
		  <li>
            <div class="timeline-image">
              <h4>2021-06 <br>
                - <br>
                2019-03 </h4>
            </div>
            <div class="timeline-panel">
              <div class="timeline-heading">
                <h4>燕山大学</h4>
                <h4 class="subheading">计算机科学与技术</h4>
              </div>
              <div class="timeline-body">
                <p class="text-muted">
					<Strong style='font-size:24px'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;学</strong>历正在学习中，预计2021年获取本科学位证书。
				</p>
              </div>
            </div>
          </li>
          <li class="timeline-inverted">
            <div class="timeline-image">
              <h4>2016 <br>
                - <br>
                2014 </h4>
            </div>
            <div class="timeline-panel">
              <div class="timeline-heading">
                <h4>网易云课堂MOOC</h4>
                <h4 class="subheading">大学计算机专业课程体系</h4>
              </div>
              <div class="timeline-body">
                <p class="text-muted">
					<Strong style='font-size:24px'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;课</strong>程来自各大名校课程视频，主要是计算机专业的一些基础课程，例如 程序设计导论、数据结构、算法设计与分析、操作系统、计算机网络、软件工程等的课程，学习了解计算机核心基础。
				</p>
              </div>
            </div>
          </li>
          <li>
            <div class="timeline-image">
              <h4>2013-06 <br>
                - <br>
                2010-09 </h4>
            </div>
            <div class="timeline-panel">
              <div class="timeline-heading">
                <h4>石家庄学院</h4>
                <h4 class="subheading">电子信息工程技术</h4>
              </div>
              <div class="timeline-body">
                <p>
					<Strong style='font-size:24px'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;专</strong>业主要学习电子知识，底层代码 汇编语言、c语言、程序设计、数电抹点、高等数学等，完成两个设计成品。课余时间学习html、css、js等知识。
				</p>
              </div>
            </div>
          </li>
          <li class="timeline-inverted">
            <div class="timeline-image">
              <h4>2010-06 <br>
                - <br>
                2007-09 </h4>
            </div>
            <div class="timeline-panel">
              <div class="timeline-heading">
                <h4>涿州第二中学</h4>
                <h4 class="subheading">理综</h4>
              </div>
              <div class="timeline-body">
                <p>
					<Strong style='font-size:24px'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</strong>
				</p>
              </div>
            </div>
          </li>
          
        </ul>
      </div>
    </div>
  </div>
</div>
<!-- Achievements Section -->
<div id="achievements" class="section dark-bg">
  <div class="container">
    <div class="section-title center text-center">
      <h2>一些统计</h2>
      <hr>
    </div>
    <div class="row">
      <div class="col-md-3 col-sm-3">
        <div class="achievement-box"> <i class="fa fa-smile-o"></i> <span class="count">100</span>
          <h4>公司满意度</h4>
        </div>
      </div>
      <div class="col-md-3 col-sm-3">
        <div class="achievement-box"> <i class="fa fa-code"></i> <span class="count">2,000</span>
          <h4>工作时间（小时）</h4>
        </div>
      </div>
      <div class="col-md-3 col-sm-3">
        <div class="achievement-box"> <i class="fa fa-check-square-o"></i> <span class="count">8</span>
          <h4>完整项目数</h4>
        </div>
      </div>
      <div class="col-md-3 col-sm-3">
        <div class="achievement-box"> <i class="fa fa-book"></i> <span class="count">12</span>
          <h4>读书数量</h4>
        </div>
      </div>
    </div>
  </div>
</div>
<!-- Testimonials Section -->
<div id="testimonials" class="text-center">
  <div class="container">
    <div class="section-title center">
      <h2>客户评价</h2>
      <hr>
    </div>
    <div class="row">
      <div class="col-md-8 col-md-offset-2">
        <div id="testimonial" class="owl-carousel owl-theme">
          <div class="item"> <img class="img-circle" src="img/clients/01.jpg" alt=""/>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sed dapibus leo nec ornare diam. Sed commodo nibh ante facilisis bibendum dolor feugiat at duis sed dapibus leo nec ornare diam.</p>
            <p><strong>John DOE</strong>, CEO, Company.</p>
          </div>
          <div class="item"> <img class="img-circle" src="img/clients/02.jpg" alt=""/>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sed dapibus leo nec ornare diam. Sed commodo nibh ante facilisis bibendum dolor feugiat at duis sed dapibus leo nec ornare diam.</p>
            <p><strong>Jenny DOE</strong>, CEO, Company.</p>
          </div>
          <div class="item"> <img class="img-circle" src="img/clients/03.jpg" alt=""/>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sed dapibus leo nec ornare diam. Sed commodo nibh ante facilisis bibendum dolor feugiat at duis sed dapibus leo nec ornare diam.</p>
            <p><strong>John DOEn</strong>, CEO, Company.</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<!-- Contact Section -->
<div id="contact" class="text-center">
  <div class="container">
    <div class="section-title center">
      <h2>联系我</h2>
      <hr>
      <p>对我资料感兴趣可以直接联系我呦！</p>
    </div>
    <div class="col-md-8 col-md-offset-2">
      <div class="col-md-4"> <i class="fa fa-map-marker fa-2x"></i>
        <p>北京市丰台区<br>
          方庄北龙珠公寓A座</p>
      </div>
      <div class="col-md-4"> <i class="fa fa-envelope-o fa-2x"></i>
        <p>lushunde321@163.com</p>
      </div>
      <div class="col-md-4"> <i class="fa fa-phone fa-2x"></i>
        <p> +86 185-1308-8872</p>
      </div>
      <hr>
      <div class="clearfix"></div>
    </div>
    <div class="col-md-8 col-md-offset-2">
	</br></br>
      <h3>给我发送一条信息</h3>
      <form name="sentMessage" id="contactForm" novalidate>
        <div class="row">
          <div class="col-md-6">
            <div class="form-group">
              <input type="text" id="name" class="form-control" placeholder="Name" required="required">
              <p class="help-block text-danger"></p>
            </div>
          </div>
          <div class="col-md-6">
            <div class="form-group">
              <input type="email" id="email" class="form-control" placeholder="Email" required="required">
              <p class="help-block text-danger"></p>
            </div>
          </div>
        </div>
        <div class="form-group">
          <textarea name="message" id="message" class="form-control" rows="4" placeholder="Message" required></textarea>
          <p class="help-block text-danger"></p>
        </div>
        <div id="success"></div>
        <button type="submit" class="btn btn-default">发送信息</button>
      </form>
      <div class="social">
        <ul>
          <li><a href="#"><i class="fa fa-facebook"></i></a></li>
          <li><a href="#"><i class="fa fa-twitter"></i></a></li>
          <li><a href="http://my.csdn.net/xiaoyu19910321"><img src='./img/fonts/csdnlogo.png' width="40"></a></li>
          <li><a href="https://github.com/lushunde321" target=_blank><i class="fa fa-github"></i></a></li>
          <li><a href="#"><i class="fa fa-instagram"></i></a></li>
          <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
        </ul>
      </div>
    </div>
  </div>
</div>
<div id="footer">
  <div class="container text-center">
    <div class="fnav">
      <p>Copyright &copy; 2017 冀ICP备15015002号 
	  - <a href="http://www.lushunde.com/" target="_blank" title="我的主站">我的主站</a> 
	  - <a href="http://blog.lushunde.com/" title="我的博客" target="_blank">我的博客</a>
	  - <a href="http://bbs.lushunde.com/" title="我的论坛" target="_blank">我的论坛</a>
	  </p>
    </div>
  </div>
</div>
<script type="text/javascript" src="js/jquery.1.11.1.js"></script> 
<script type="text/javascript" src="js/bootstrap.js"></script> 
<script type="text/javascript" src="js/SmoothScroll.js"></script> 
<script type="text/javascript" src="js/easypiechart.js"></script> 
<script type="text/javascript" src="js/jquery.prettyPhoto.js"></script> 
<script type="text/javascript" src="js/jquery.isotope.js"></script> 
<script type="text/javascript" src="js/jquery.counterup.js"></script> 
<script type="text/javascript" src="js/waypoints.js"></script> 
<script type="text/javascript" src="js/jqBootstrapValidation.js"></script> 
<script type="text/javascript" src="js/contact_me.js"></script> 
<script type="text/javascript" src="js/owl.carousel.js"></script> 
<script type="text/javascript" src="js/main.js"></script>
</body>
</html>